<template>
    <div class="card" @click="haha()">
        <el-card class="cardTmp">
            <div class="left">
                <div class="card-header">
                    {{ hos.id }}
                </div>
                <div class="card-body">
                    <svg t="1731826909478" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4425" width="16" height="16">
                        <path
                            d="M946.026 471.766501c0 36.496562-10.066693 69.91527-30.175764 100.254845 3.693424 13.533598 5.546535 27.677647 5.546535 42.438547 0 31.580954-7.810454 61.110433-23.408325 88.573078 1.236261 8.611591 1.854391 17.438185 1.854391 26.450345 0 41.419848-12.321653 77.91641-36.952161 109.483287 0.401849 56.998523-17.042735 102.009413-52.349108 135.010916-35.314052 33.001502-81.906742 49.510572-139.795986 49.510572l-22.172064 0-57.269835 0c-39.415724 0-78.318259-4.611022-116.707604-13.838184-38.388066-9.220763-82.830738-22.658378-133.325455-40.28213-47.635705-16.411807-75.966036-24.606192-84.989714-24.606192L78.919752 944.761585c-21.766376 0-40.33972-7.688875-55.732827-23.066626C7.789977 906.314649 0.090864 887.768181 0.090864 866.032519L0.090864 472.375673c0-21.727983 7.699113-40.28213 23.09606-55.65988 15.393108-15.37775 33.966451-23.066626 55.732827-23.066626l168.739329 0c14.778817-9.837614 42.900545-41.613094 84.371584-95.339237 23.802495-30.749102 45.774915-56.990844 65.891664-78.726506 9.85809-10.247141 17.139998-27.77363 21.867479-52.588426 4.713403-24.807117 10.974052-50.744273 18.784506-77.812748 7.787418-27.060797 20.519878-49.204706 38.180743-66.427889 16.007399-15.162749 34.487319-22.754361 55.424402-22.754361 34.487319 0 65.482137 6.670176 92.993414 19.988772 27.503598 13.332673 48.439402 34.13922 62.81765 62.433718 14.361611 28.286819 21.553934 66.427889 21.553934 114.398894 0 38.13979-9.85809 77.500484-29.558913 118.101277l108.382682 0c42.699621 0 79.651782 15.586353 110.855203 46.743703C930.42045 392.831392 946.026 429.535277 946.026 471.766501zM146.047677 854.343074c7.791257-7.786138 11.700963-17.01458 11.700963-27.677647 0-10.655389-3.908426-19.883831-11.700963-27.677647-7.806614-7.786138-17.042735-11.689445-27.71604-11.689445-10.680984 0-19.917105 3.904587-27.712201 11.689445-7.802775 7.792537-11.700963 17.020979-11.700963 27.677647 0 10.663067 3.898188 19.891509 11.700963 27.677647 7.795096 7.792537 17.031217 11.689445 27.712201 11.689445C129.004942 866.032519 138.241062 862.135611 146.047677 854.343074zM867.200952 472.375673c0-20.910208-8.011378-39.255752-24.018777-55.050708-16.015077-15.779599-34.286394-23.677077-54.812671-23.677077L571.595182 393.647887c0-23.77306 9.850412-56.485334 29.558913-98.106106 19.708502-41.613094 29.558913-74.518613 29.558913-98.722957 0-40.177189-6.566514-69.907591-19.700823-89.18225-13.148386-19.26698-39.415724-28.911348-78.832727-28.911348-10.677145 10.670746-18.472241 28.093573-23.400646 52.28384-4.928405 24.197945-11.190334 49.926498-18.784506 77.194618-7.601851 27.275799-19.812163 49.725574-36.638617 67.349325-9.039036 9.437045-24.84551 28.093573-47.419423 55.972145-1.645788 2.052756-6.373269 8.209743-14.168365 18.449205-7.802775 10.25482-14.265628 18.665487-19.394957 25.223043-5.137008 6.558836-12.22567 15.281767-21.249348 26.13808-9.031357 10.87167-17.243659 19.891509-24.629228 27.060797-7.393248 7.183365-15.300964 14.456314-23.714191 21.840603-8.420905 7.376611-16.625529 12.916747-24.629228 16.605053-8.011378 3.688305-15.300964 5.532458-21.867479 5.532458l-19.708502 0 0 393.656846 19.708502 0c5.331534 0 11.800785 0.609172 19.402636 1.844153 7.586493 1.227302 14.361611 2.565945 20.318953 3.992891 5.948384 1.442304 13.751159 3.695984 23.400646 6.767439 9.641809 3.079133 16.834132 5.442874 21.553934 7.072025 4.719802 1.643228 12.009388 4.216852 21.867479 7.688875 9.850412 3.49506 15.798796 5.643798 17.854111 6.461573 86.627824 29.937726 156.831042 44.89955 210.623734 44.89955l74.513494 0c78.832727 0 118.240772-34.236483 118.240772-102.715848 0-10.663067-1.027658-22.145189-3.075294-34.443806 12.315254-6.558836 22.060724-17.319166 29.253048-32.295068 7.176966-14.961824 10.773128-30.034989 10.773128-45.204136 0-15.170427-3.693424-29.313197-11.086672-42.446226 21.756138-20.494282 32.640606-44.89955 32.640606-73.194048 0-10.239462-2.055315-21.616643-6.156987-34.131542-4.109351-12.50722-9.23996-22.241172-15.396947-29.217214 13.134309-0.401849 24.116039-10.046217 32.946472-28.911348C862.778057 503.347456 867.200952 486.734725 867.200952 472.375673z"
                            fill="#969696" p-id="4426"></path>
                    </svg>

                    <p> {{ hos.nationCode }}</p>
                    <p class="contex2">
                        <svg t="1731826909478" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="4425" width="16" height="16">
                            <path
                                d="M946.026 471.766501c0 36.496562-10.066693 69.91527-30.175764 100.254845 3.693424 13.533598 5.546535 27.677647 5.546535 42.438547 0 31.580954-7.810454 61.110433-23.408325 88.573078 1.236261 8.611591 1.854391 17.438185 1.854391 26.450345 0 41.419848-12.321653 77.91641-36.952161 109.483287 0.401849 56.998523-17.042735 102.009413-52.349108 135.010916-35.314052 33.001502-81.906742 49.510572-139.795986 49.510572l-22.172064 0-57.269835 0c-39.415724 0-78.318259-4.611022-116.707604-13.838184-38.388066-9.220763-82.830738-22.658378-133.325455-40.28213-47.635705-16.411807-75.966036-24.606192-84.989714-24.606192L78.919752 944.761585c-21.766376 0-40.33972-7.688875-55.732827-23.066626C7.789977 906.314649 0.090864 887.768181 0.090864 866.032519L0.090864 472.375673c0-21.727983 7.699113-40.28213 23.09606-55.65988 15.393108-15.37775 33.966451-23.066626 55.732827-23.066626l168.739329 0c14.778817-9.837614 42.900545-41.613094 84.371584-95.339237 23.802495-30.749102 45.774915-56.990844 65.891664-78.726506 9.85809-10.247141 17.139998-27.77363 21.867479-52.588426 4.713403-24.807117 10.974052-50.744273 18.784506-77.812748 7.787418-27.060797 20.519878-49.204706 38.180743-66.427889 16.007399-15.162749 34.487319-22.754361 55.424402-22.754361 34.487319 0 65.482137 6.670176 92.993414 19.988772 27.503598 13.332673 48.439402 34.13922 62.81765 62.433718 14.361611 28.286819 21.553934 66.427889 21.553934 114.398894 0 38.13979-9.85809 77.500484-29.558913 118.101277l108.382682 0c42.699621 0 79.651782 15.586353 110.855203 46.743703C930.42045 392.831392 946.026 429.535277 946.026 471.766501zM146.047677 854.343074c7.791257-7.786138 11.700963-17.01458 11.700963-27.677647 0-10.655389-3.908426-19.883831-11.700963-27.677647-7.806614-7.786138-17.042735-11.689445-27.71604-11.689445-10.680984 0-19.917105 3.904587-27.712201 11.689445-7.802775 7.792537-11.700963 17.020979-11.700963 27.677647 0 10.663067 3.898188 19.891509 11.700963 27.677647 7.795096 7.792537 17.031217 11.689445 27.712201 11.689445C129.004942 866.032519 138.241062 862.135611 146.047677 854.343074zM867.200952 472.375673c0-20.910208-8.011378-39.255752-24.018777-55.050708-16.015077-15.779599-34.286394-23.677077-54.812671-23.677077L571.595182 393.647887c0-23.77306 9.850412-56.485334 29.558913-98.106106 19.708502-41.613094 29.558913-74.518613 29.558913-98.722957 0-40.177189-6.566514-69.907591-19.700823-89.18225-13.148386-19.26698-39.415724-28.911348-78.832727-28.911348-10.677145 10.670746-18.472241 28.093573-23.400646 52.28384-4.928405 24.197945-11.190334 49.926498-18.784506 77.194618-7.601851 27.275799-19.812163 49.725574-36.638617 67.349325-9.039036 9.437045-24.84551 28.093573-47.419423 55.972145-1.645788 2.052756-6.373269 8.209743-14.168365 18.449205-7.802775 10.25482-14.265628 18.665487-19.394957 25.223043-5.137008 6.558836-12.22567 15.281767-21.249348 26.13808-9.031357 10.87167-17.243659 19.891509-24.629228 27.060797-7.393248 7.183365-15.300964 14.456314-23.714191 21.840603-8.420905 7.376611-16.625529 12.916747-24.629228 16.605053-8.011378 3.688305-15.300964 5.532458-21.867479 5.532458l-19.708502 0 0 393.656846 19.708502 0c5.331534 0 11.800785 0.609172 19.402636 1.844153 7.586493 1.227302 14.361611 2.565945 20.318953 3.992891 5.948384 1.442304 13.751159 3.695984 23.400646 6.767439 9.641809 3.079133 16.834132 5.442874 21.553934 7.072025 4.719802 1.643228 12.009388 4.216852 21.867479 7.688875 9.850412 3.49506 15.798796 5.643798 17.854111 6.461573 86.627824 29.937726 156.831042 44.89955 210.623734 44.89955l74.513494 0c78.832727 0 118.240772-34.236483 118.240772-102.715848 0-10.663067-1.027658-22.145189-3.075294-34.443806 12.315254-6.558836 22.060724-17.319166 29.253048-32.295068 7.176966-14.961824 10.773128-30.034989 10.773128-45.204136 0-15.170427-3.693424-29.313197-11.086672-42.446226 21.756138-20.494282 32.640606-44.89955 32.640606-73.194048 0-10.239462-2.055315-21.616643-6.156987-34.131542-4.109351-12.50722-9.23996-22.241172-15.396947-29.217214 13.134309-0.401849 24.116039-10.046217 32.946472-28.911348C862.778057 503.347456 867.200952 486.734725 867.200952 472.375673z"
                                fill="#969696" p-id="4426"></path>
                        </svg>
                        {{ hos.nationName }}
                    </p>
                </div>
            </div>
            <div class="right">
                <div class="card-right">
                    <img :src="`data:image/jpeg;base64,${hos.logoData}`" style="width:50px;height:50px" />
                </div>
            </div>
        </el-card>
    </div>
</template>
<script setup name="card">

const props = defineProps(['hos'])



import { useRouter, useRoute } from 'vue-router';
let routes = useRouter();

let $router = useRoute();
console.log(routes, $router);
function changeActive(path) {
    routes.push(path);
    console.log('aa', $router);
}





function haha() {
    routes.push({ path: '/detail', query: { code: props.hos.nationCode } });
}

</script>
<style scoped lang="scss">
.card {
    display: inline-block;

    width: 45%;


    margin: 0px 5px;


    .cardTmp {
        height: 90px;

        .card-body {
            display: flex;

            .contex2 {
                margin-left: 10px;
            }

        }

    }
}
</style>